<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- 必要的标签 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link crossorigin="anonymous" integrity="sha512-6KY5s6UI5J7SVYuZB4S/CZMyPylqyyNZco376NM2Z8Sb8OxEdp02e1jkKk/wZxIEmjQ6DRCEBhni+gpr9c4tvA==" href="https://lib.baomitu.com/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/css/style.css}">
    <script crossorigin="anonymous" integrity="sha512-b3xr4frvDIeyC3gqR1/iOi6T+m3pLlQyXNuvn5FiRrrKiMUJK3du2QqZbCywH6JxS5EOfW0DY0M6WwdXFbCBLQ==" src="https://lib.baomitu.com/Chart.js/3.5.1/chart.js"></script>
</head>
<body>


<nav th:replace="aim::navbar"></nav>

<div class="container">


<div class="one">
     <h4>学生</h4>
    <hr>
     <table>
         <thead>
         <tr>
             <th>学生姓名&nbsp;|</th>
             <th>学生学号&nbsp;|</th>
             <th>学生性别&nbsp;|</th>
             <th>所属学院&nbsp;|</th>
             <th>专业&nbsp;&nbsp;|</th>
             <th>电话</th>
         </tr>
         </thead>
         <tbody>
         <tr th:each="student : ${Students}">
             <td th:text="${student.name}"></td>
             <td th:text="${student.ID}"></td>
             <td th:text="${student.sex}"></td>
             <td th:text="${student.collage}"></td>
             <td th:text="${student.major}"></td>
             <td th:text="${student.call}"></td>
         </tr>
         </tbody>
     </table>
    </div>
<br>
<br>
    <div class="tui">
        <h3>数据模型</h3>
        <hr>
        <div class="col-md-4">
            <canvas id = "myPieChart" height="50" width="50" ></canvas>
            <script>
                let  charData = "[[${studentStatusData}]]"
            </script>
        </div>
    </div>

<div class="two">
    <h4>班级</h4>
    <hr>
    <table>
        <thead>
        <tr>
            <th>班级姓名 |</th>
            <th>班级编号&nbsp; |</th>
            <th>所属学院 |</th>
            <th>专业</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="cates: ${Cate}">
            <td th:text="${cates.className}"></td>
            <td th:text="${cates.classID}"></td>
            <td th:text="${cates.toCollageID}"></td>
            <td th:text="${cates.major}"></td>
        </tr>
        </tbody>
    </table>
</div>
<br>
<br>

    <div class="three">
        <h4>学院</h4>
        <hr>
        <table>
            <thead>
            <tr>
                <th>学院名称 |</th>
                <th>学院编号</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="collages : ${collageOr}">
                <td th:text="${collages.name}"></td>
                <td th:text="${collages.collageID}"></td>
            </tr>
            </tbody>
        </table>
    </div>
<br>
<br>

    <div class="four">
        <h4>课程</h4>
        <hr>
        <table>
            <thead>
            <tr>
                <th>所属学院 |</th>
                <th>专业 |</th>
                <th>课程名称 |</th>
                <th>课程编号 |</th>
                <th>课程简介 |</th>
                <th>课程类型</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="courses : ${course}">
                <td th:text="${courses.collageName}"></td>
                <td th:text="${courses.CMajor}"></td>
                <td th:text="${courses.CName}"></td>
                <td th:text="${courses.CID}"></td>
                <td th:text="${courses.CCv}"></td>
                <td th:text="${courses.type}"></td>
            </tr>
            </tbody>
        </table>
    </div>
<br>
<br>

    <div class="five">
        <h4>专业</h4>
        <hr>
        <table>
            <thead>
            <tr>
                <th>专业名 |</th>
                <th>专业编号&nbsp; |</th>
                <th>所属学院</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="majors: ${Majors}">
                <td th:text="${majors.majorName}"></td>
                <td th:text="${majors.majorID}"></td>
                <td th:text="${majors.toCollage}"></td>
            </tr>
            </tbody>
        </table>
    </div>
<br>
<br>

    <div class="six">
        <h4>教师</h4>
        <hr>
        <table>
            <thead>
            <tr>
                <th>教师名字 |</th>
                <th>教师编号 |</th>
                <th>教师电话 |</th>
                <th>教师简介</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="teach : ${teachOr}">
                <td th:text="${teach.name}"></td>
                <td th:text="${teach.teacherID}"></td>
                <td th:text="${teach.call}"></td>
                <td th:text="${teach.CV}"></td>
            </tr>
            </tbody>
        </table>
</div>
<br>

</div>

<script type="text/javascript" th:src="@{/js/myChart.js}"></script>

</body>

</html>